.self-container {
    height: 100%;
    width: 100%;
    .self-top {
        border-radius: 6px;
        height: 100px;
        margin: 5px 10px 0px 10px;
        background-color: white;
        padding: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .user-detail {
            display: flex;
            >div:first-child {
                border-radius: 6px;
                margin-right: 10px;
                img {
                    width: 40px;
                    height: 40px;
                }
            } 

            >div:nth-child(2) {
                display: flex;
                flex-direction: column;
            }
        }
        .user-worth {
            display: flex;
            justify-content: space-between;
            >div{
                width: 60px;
                display: flex;
                text-align: center;
                flex-direction: column;
            }
        }
    }
    .self-center {
        margin-top: 5px;
        padding: 15px 10px;
        line-height: 2;
        background-color: white;
        >div {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            border-bottom: 1px solid gold;
            >div {
                display: flex;
                align-content: center;
            }
        }
        .disable {
            pointer-events: none;
            background-color: rgba(194, 191, 191, 0.2);
        }
    }
    .self-bottom {
        word-break: break-all;
    }
}